<template>
  <div class="ebtn" 
    :style="{
      '--wi': getscalepxc(150),
      '--hi': getscalepxc(40),
      '--fi': getscalepxc(13),
      '--bi': getscalepxc(20),
    }"
  >
    <el-input placeholder="请输入站点名称" v-model="inputval" :style="{}">
    </el-input>
    <div class="ebtnimg"
      @click="btnimgclick()"
      :style="{
        right: getscalepxc(-8),
        top:   getscalepxc(-7),
        width: getscalepxc(53),
        height: getscalepxc(53),
      }"
    ></div>
  </div>
</template>
<script>

import commonmixins from "@/mixins/bigScreen/commonmixins";

export default {
  name: "searchbtn",
  mixins: [commonmixins],
  components: {},
  data() {
    return {
      inputval: '',
    };
  },
  computed: {},
  watch: {},
  mounted() {
    console.log();
  },
  methods: {
    btnimgclick(){
      this.$message.success("success")
    }
  },
};
</script>
<style lang='scss'>
.ebtn {
  position: relative;
  .ebtnimg {
    position: absolute;
    // right: -15px;
    // top: -13px;
    background-image: url("/configuration/2d/sousuo.png");
    // width: 110px;
    // height: 110px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .el-input__inner {
    font-size: var(--fi);
    border-radius: var(--bi);
    background-color: #08244c;
    border-color:#77D2FF;
    width: var(--wi);
    height: var(--hi);
  }
}
</style>